<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>5回调函数</title>
</head>

<body>
    <!-- 
        1. 什么函数才是回调函数？
            自己定义的函数
            自己没有调用的函数
            但是最终它执行了
        2. 常见的回调函数？
            dom事件回调函数
            定时器回调函数

            ajax请求回调函数
            生命周期回调函数
     -->
    <button id="btn">点击我进行弹窗</button>
    <script>
        // dom事件回调函数
        document.getElementById('btn').onclick = function () {
            alert(this.innerHTML)
        }
        // 定时器
        // 超时定时器
        // 循环定时器
        setTimeout(function () {
            alert('时间到')
        }, 2000)
    </script>
</body>

</html>